<!DOCTYPE html>
<html lang="en">

    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <title>WFC商家管理</title>
        <meta name="description" content="这是一个 index 页面">
        <meta name="keywords" content="index">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <meta name="renderer" content="webkit">
        <meta http-equiv="Cache-Control" content="no-siteapp" />
        <link rel="icon" type="image/png" href="/i/favicon.png">
        <link rel="apple-touch-icon-precomposed" href="/i/app-icon72x72@2x.png">
        <meta name="apple-mobile-web-app-title" content="Amaze UI" />
        <link rel="stylesheet" href="/css/amazeui.min.css" />
        <link rel="stylesheet" href="/css/amazeui.datatables.min.css" />
        <link rel="stylesheet" href="/css/app.css">
        <script src="/js/jquery.min.js"></script>

    </head>

    <body data-type="login">
        <script src="/js/theme.js"></script>
        <div class="am-g tpl-g" id="app">
            <!-- 风格切换 -->
            <div class="tpl-skiner">
                <div class="tpl-skiner-toggle am-icon-cog">
                </div>
                <div class="tpl-skiner-content">
                    <div class="tpl-skiner-content-title">
                        选择主题
                    </div>
                    <div class="tpl-skiner-content-bar">
                        <span class="skiner-color skiner-white" data-color="theme-white"></span>
                        <span class="skiner-color skiner-black" data-color="theme-black"></span>
                    </div>
                </div>
            </div>
            <div class="tpl-login">
                <div class="tpl-login-content">
                    <div class="tpl-login-logo">

                    </div>



                    <form class="am-form tpl-form-line-form">
                        <div class="am-form-group">
                            <input type="text" class="tpl-form-input"  v-model="uservo.username" id="user-name" placeholder="请输入账号">

                        </div>

                        <div class="am-form-group">
                            <input type="password" class="tpl-form-input" v-model="uservo.password " id="user-pass" placeholder="请输入密码">

                        </div>


                        <div class="am-form-group">

                            <button type="button" @click="login" class="am-btn am-btn-primary  am-btn-block tpl-btn-bg-color-success  tpl-login-btn">提交</button>

                        </div>
                    </form>
                </div>
            </div>
        </div>
        <script src="http://cdn.bootcss.com/amazeui/2.7.2/js/amazeui.min.js"></script>
        <script src="/js/app.js"></script>
        <script src="/js/vue.min.js"></script>
        <script src="/js/axios.min.js"></script>
        <script>

            var vue =new Vue({
                el:"#app",
                data:{
                    uservo:{
                        username:"",
                        password:""
                    }
                },
                created:function () {

                },
                methods:{
                    login:function (){
                        var uservo=this.uservo
                        axios.post("/login",uservo).then(function (res){
                            console.log(res.data.status)
                            if(res.data.status==500){
                                alert(res.data.message);
                            }
                            window.location.href="/index";

                        })
                    }


                }
            })
        </script>

    </body>

</html>



